<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
	
	<div id="PersonasGestionFragment" th:fragment="PersonasGestionFragment">
		<winter:output id="mainPersonaDialogOutput" class="winter-form form-container">
			<winter:output id="formPersonaDialogOutput">
<!-- 				<div id="PersonaDialogForm" > -->
					<div id="controlPersonaCabeceraOutput" class="cabecera" >
						<winter:row>
							<winter:column type="col-md-4">
								<winter:select id="selectPaisControlPersona" field="*{persona.pais}"
									collection="paiscontrol, rowpaiscontrol : ${controles.paises}" 
									value="@{${paiscontrol.id}+'|'+${paiscontrol.descripcion}}"
									text="@{${paiscontrol.descripcion}}" showglobalmessage="true"
									label="#{label.control.persona.pais}" required="true"
									requiredmessage="#{label.persona.pais.documento.requerido}" modern="true">
								</winter:select>
							</winter:column>
						</winter:row>
						<winter:row>
							<winter:column type="col-md-4">
								<winter:select id="selectTipoDocumentoPersona"
									field="*{persona.tipoDocumento}"
									collection="tipodocper, rowTtipodocper : ${controles.tiposDocumento}"
									value="@{${tipodocper.id}+'|'+${tipodocper.descripcion}}"
									text="@{${tipodocper.descripcion}}"
									label="#{label.control.persona.tipodocumento}"
									required="true" requiredmessage="#{label.persona.documento.tipo.requerido}"
									modern="true" showglobalmessage="true">
								</winter:select>
								<winter:event id="EventDocumentoPersona" event="change"
									target="selectTipoDocumentoPersona"
									url="@{'/controles/tipoDocumentoEvent'}" form="ControlesForm"
									update="nroDocOutput" object="controles" immediate="true"
									showstatus="true" showstatuselement="true">
								</winter:event>
							</winter:column>
							<winter:column type="col-md-5">
								<winter:output id="nroDocOutput" class="row padded">
									<winter:inputtext id="NuevoControlPersonaNumeroDoc"
										field="*{persona.nrodocumento}" 
										label="#{label.persona.documento.numero}"
										labeldisplay="col-xs-3"
										inputdisplay="col-xs-6"
										class="winter-input-text capitalize"
										removecontainer="true"
										required="true"
										requiredimage="/images/icons/exclamation-small-red.png"
										requiredmessage="#{label.persona.documento.numero.requerido}"
										type="float">
									</winter:inputtext>
									<winter:inputtext id="NuevoControlPersonaDvDoc"
										field="*{persona.dvdocumento}"
										inputdisplay="col-xs-2"
										class="winter-input-text capitalize input-dv"
										removecontainer="true"
										required="true"
										requiredimage="/images/icons/exclamation-small-red.png"
										requiredmessage="#{label.persona.documento.numero.requerido}"
										type="float"
										if="${controles.ruc}">
									</winter:inputtext>
								</winter:output>
							</winter:column>
							<winter:column type="col-md-4">
								<winter:ajaxsubmit 
									id="@{'BuscarPersona'}" 
									form="ControlesForm"
									url="@{'/controles/buscarPersona'}" 
									update="mainPersonaDialogOutput"
									value="Buscar Persona"
									object="controles"
									showstatus="true"
									class="btn btn-info"
									process="controlPersonaCabeceraOutput">
								</winter:ajaxsubmit>
							</winter:column>
						</winter:row>	
					</div>
					<winter:row>
						<winter:column type="col-md-4">
							<winter:inputtext id="NuevoControlPersonaNombreCompleto"
								field="*{persona.persona.nombreCompleto}"
								label="#{label.control.persona.nombre}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded" 
								class="winter-input-text capitalize"
								required="true"
								requiredimage="/images/icons/exclamation-small-red.png"
								requiredmessage="#{label.persona.nombre.requerido}"
								type="char"
								readonly="true">
							</winter:inputtext>
						</winter:column>
						<winter:column type="col-md-4">
							<winter:select id="selectRolPersona"
								field="*{persona.rol}"
								collection="rolper, rowrolper : ${controles.rolesEscribano}"
								value="@{${rolper.id}+'|'+${rolper.descripcion}}" 
								text="@{${rolper.descripcion}}"
								label="#{label.control.persona.rol}"
								required="true" requiredmessage="#{label.control.persona.rol.requerido}"
								modern="true" showglobalmessage="true">
							</winter:select>
						</winter:column>
						<winter:column type="col-md-4">
							<winter:inputtext id="NuevoControlPersonaCalidad"
								field="*{persona.calidad}"
								label="#{label.control.persona.calidad}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"  
								class="winter-input-text capitalize"
								type="char">
							</winter:inputtext>
						</winter:column>
					</winter:row>
					
					<winter:datatable id="listaDirecciones" customLanguage="true"
						paginate="true" jQuery="true" retrieve="true"
						emptyTableText="No se encontraron Datos!"
						infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
						emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
						searchText="Buscar" lengthMenu="Mostrar _MENU_ registros"
						if="${!#lists.isEmpty(controles.persona.persona.domicilios)}">
						<thead>
							<tr>
<!-- 								<th th:text="@{'Tipo'}"></th> -->
								<th th:text="@{'Numero'}"></th>
								<th th:text="@{'Piso'}"></th>
								<th th:text="@{'Unidad'}"></th>
								<th th:text="@{'Calle Alternativa'}"></th>
								<th th:text="@{'Calle Principal'}"></th>
								<th th:text="@{'Departamento'}"></th>
								<th th:text="@{'Distrito'}"></th>
								<th th:text="@{'Principal?'}"></th>
								<th th:text="@{'Operaciones'}"></th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="dire, dirRowStat : ${controles.persona.persona.domicilios}">
<!-- 								<td th:text="${dire.tipo.descripcion}"></td> -->
								<td th:text="${dire.numero}"></td>
								<td th:text="${dire.piso}"></td>
								<td th:text="${dire.unidad}"></td>
								<td th:text="${dire.calleAlternativa}"></td>
								<td th:text="${dire.callePrincipal}"></td>
								<td th:text="${dire.departamento.nombre}"></td>
								<td th:text="${dire.distrito.nombre}"></td>
								<td th:text="${dire.principal}?@{'SI'}:@{'NO'}"></td>
								<td>
									<winter:check
										id="@{'CheckAddComprobante'+${dirRowStat.index}}" 
										form="ControlesForm"
										object="controles"
										url="@{'/controles/checkDomicilio/'+${dire.id}}"
										field="*{persona.persona.domicilios[__${dirRowStat.index}__].marcar}"
										containerdisplay="selected-check"
										showstatus="true"
										update="mainPersonaDialogOutput">
									</winter:check>
								</td>
							</tr>
						</tbody>
					</winter:datatable>
					
					<winter:datatable id="listaComparecientes" customLanguage="true"
						paginate="true" jQuery="true" retrieve="true"
						emptyTableText="No se encontraron Datos!"
						infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
						emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
						searchText="Buscar" lengthMenu="Mostrar _MENU_ registros"
						if="${!#lists.isEmpty(controles.persona.persona.comparecientes)}">
						<thead>
							<tr>
                                <th th:text="@{'Nombre'}"></th>
							    <th th:text="@{'Rol'}"></th>
     						    <th th:text="@{'Operaciones'}"></th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="comp, compRowStat : ${controles.persona.persona.comparecientes}">
                                <td th:text="${comp.nombreCompleto}"></td>
							    <td th:text="${comp.rol.descripcion}"></td>
								<td>
									<winter:check
										id="@{'CheckCompar'+${compRowStat.index}}" 
										field="*{persona.persona.comparecientes[__${compRowStat.index}__].marcarControl}"
										containerdisplay="selected-check">
									</winter:check>
								</td>
							</tr>
						</tbody>
					</winter:datatable>
				<winter:row class="button-panel-right" padded="true">
					<winter:ajaxSubmit 
						id="GrabarPersona"
						form="ControlesForm"
						oncomplete="@{'Winter.ui.CloseDialog(\'PersonasModal\')'}"
						url="@{'/controles/grabarPersona'}"
						update="PersonasInclude"
						value="#{label.operaciones.guardar}"
						class="btn btn-cyan"
						object="controles"
						showstatus="true"
						confirmationrequired="false"
						confirmationtext="Esta seguro de que desea confirmar los cambios realizados?"
						process="formPersonaDialogOutput">
					</winter:ajaxSubmit>
					<winter:ajaxSubmit 
						id="SalirPersonaButton"
						form="ControlesForm"
						oncomplete="@{'Winter.ui.CloseDialog(\'PersonasModal\')'}"
						url="@{'/controles/cancelar/PERSONA'}"
						update="PersonaOutput"
						value="#{label.operaciones.cancelar}"
						class="btn btn-danger"
						object="controles"
						showstatus="true"
						confirmationrequired="false"
						confirmationtext="Esta seguro de que desea descartar los cambios realizados?"
						immediate="true">
					</winter:ajaxSubmit>
				</winter:row>
<!-- 		        </div> -->
		    </winter:output>
		</winter:output>
	</div>
</html>